<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS_导航栏</title>
	<style>
		ul li{list-style-type:none; float: left; margin:0 20px; }
		a{text-decoration: none;}
		ul>li:first-child{
			color:blue;
			/*鼠标移到元素上后,会变成小手*/
			cursor: pointer;
		}
	</style>
</head>
<body>
<div>
	<ul>
		<li>百度</li>
		<li><a href="#">新浪</a></li>
		<li><a href="#">bilibili</a></li>
		<li><a href="#">爱奇艺</a></li>
		<li><a href="#">QQ音乐</a></li>
	</ul>
</div>
</body>
</html>